<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title></title>
        <script type="text/javascript"
            src="//ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js">
        </script>
        <script>
            $.noConflict();
            jQuery(document).ready(function($) {
                $("button#b1").click(function() {
                    $('form#signForm').slideUp('slow', function() {
                        // Animation complete
                    });
                });
                $("button#b2").click(function() {
                    $('form#signForm').slideDown('slow', function() {
                        // Animation complete
                    });
                });
            });
        </script>
    </head>
    <body>
        <form id="signForm" action="register.php" method="post">
            Username: <input type="text" name="username" /><br />
            Password: <input type="password" name="password" /><br />
            Email: <input type="text" name="email" /><br />
            <input type="submit" value="Sign in" />
        </form>
        <button id="b1" >Hide</button><button id="b2" >Show</button><br />
        <br />
        <form id="loginForm" action="login.php" method="post">
            Username: <input type="text" name="username" /><br />
            Password: <input type="password" name="password" /><br />
            <input type="submit" value="Login" />
        </form>
        <?php
        ?>
    </body>
</html>
